<template>
  <div class="comment-body">
    <el-row :gutter="20">
      <el-col :span="2" style="text-align: right">
        <el-avatar icon="el-icon-user-solid" size="small"></el-avatar>
      </el-col>
      <el-col :span="22" style="line-height: 24px">{{ data.createUser.name }}</el-col>
      <el-col :span="22" :offset="2">{{ data.content }}</el-col>
      <el-col :span="22" :offset="2" class="comment-time"><span>{{ data.createTime }}</span><span class="reply"
                                                                                                  @click="$emit('del',data.id,data.createUser.id)"><i
        class="el-icon-delete">删除</i></span>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "CsCommentReply",
  props: {
    data: {
      type: Array | Object
    }
  }
}
</script>

<style lang="scss" scoped>
.comment-time {
  margin-top: 5px;
  color: #C9C9C9;

* {
  margin-right: 15px;
}
}
.reply, .pin {
  cursor: pointer;
}
</style>
